<script setup lang="ts">
//props接收父组件数据
// let props = defineProps(['type','size','icon'])
import {useAttrs} from "vue";
// 此方法执行会返回一个对象
let $attrs = useAttrs();
console.log($attrs);
// $attrs.onXxx(1234)
// 给父组件传参
const handler = () => {
  $attrs.onXxx('wwwww')
}
// props和$attrs都能接收父组件的数据但是props优先级更高，即props接收了$atttrs就不能进行接收
</script>

<template>
<div :title="$attrs.title">
  <el-button :="$attrs" @click="handler"></el-button>
<!--  <el-button :type="$attrs.type" :icon="$attrs.icon" :size="$attrs.size"></el-button>-->
</div>
</template>

<style scoped>

</style>